<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 
    作品展示视频（3-5个项目）
    每个视频都有缩略图和描述
    背景音乐播放器
    -->
</head>

<body>
    <main>
        <article>
            <section><video src="./static/mp4/test01.mp4" poster="../img/Shimano.png" controls width="200px"></video>
                <p>（描述1）</p>
            </section>
            <section><video src="./static/mp4/test01.mp4" poster="../img/Shimano.png" controls width="200px"></video>
                <p>（描述2）</p>
            </section>
            <section><video src="./static/mp4/test01.mp4" poster="../img/Shimano.png" controls width="200px"></video>
                <p>（描述3）</p>
            </section>
            <section>
                <audio src="./static/mp3/test01.mp3" controls></audio>
            </section>
        </article>
    </main>
</body>

</html>